<!DOCTYPE HTML>
<html xmlns:th="www.thymeleaf.org">

	<head>
		<title>尤洪后台管理</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Novus Admin Panel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- Bootstrap Core CSS -->
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<!-- Custom CSS -->
		<link href="css/style.css" rel='stylesheet' type='text/css' />
		<!-- font CSS -->
		<!-- font-awesome icons -->
		<link href="css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- js-->
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/modernizr.custom.js"></script>
		<!--webfonts-->
		<link href='http://fonts.useso.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
		<!--//webfonts-->
		<!--animate-->
		<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
		<script src="js/wow.min.js"></script>
		<script>
			new WOW().init();
		</script>
		<!--//end-animate-->
		<!-- chart -->
		<script src="js/Chart.js"></script>
		<!-- //chart -->
		<!--Calender-->
		<link rel="stylesheet" href="css/clndr.css" type="text/css" />
		<script src="js/underscore-min.js" type="text/javascript"></script>
		<script src="js/moment-2.2.1.js" type="text/javascript"></script>
		<script src="js/clndr.js" type="text/javascript"></script>
		<script src="js/site.js" type="text/javascript"></script>
		<!--End Calender-->
		<!-- Metis Menu -->
		<script src="js/metisMenu.min.js"></script>
		<script src="js/custom.js"></script>
		<link href="css/custom.css" rel="stylesheet">
		<!--//Metis Menu -->
	</head>

	<body class="cbp-spmenu-push">
		<div class="main-content">
			<!--left-fixed -navigation-->
			<div class=" sidebar" role="navigation">
				<div class="navbar-collapse">
					<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
						<ul class="nav" id="side-menu">
							<li>
								<a href="index.html" class="active"><i class="fa fa-home nav_icon"></i>首页</a>
							</li>
							<!-- 商家 -->
							<li>
								<a href="#"><i class="fa fa-cogs nav_icon"></i>商品管理 <span class="fa arrow"></span></a>
								<ul class="nav nav-second-level collapse">
									<li>
										<a href="grids.html">添加商品</a>
									</li>
									<li>
										<a href="media.html">查看商品</a>
									</li>
								</ul>
								<!-- /nav-second-level -->
							</li>
							<li>
								<a href="#"><i class="fa fa-cogs nav_icon"></i>订单管理 <span class="fa arrow"></span></a>
								<ul class="nav nav-second-level collapse">
									<li>
										<a href="media.html">查看订单</a>
									</li>
								</ul>
								<!-- /nav-second-level -->
							</li>
							<!-- 此功能商家/管理员都有 -->
							<li>
								<a href="#"><i class="fa fa-bar-chart nav_icon"></i>财务报表 </a>
							</li>
							<li>
								<!-- 商家专属 -->
								<a href="#">
									<i class="fa fa-envelope nav_icon"></i>网站公告
									<!-- 8 代表着有 8 个公告 -->
									<span class="nav-badge-btm">8</span>
								</a>
							</li>
							<!-- //商家 -->

							<!-- 管理员 -->
							<li>
								<a href="#"><i class="fa fa-cogs nav_icon"></i>分类管理 <span class="fa arrow"></span></a>
								<ul class="nav nav-second-level collapse">
									<li>
										<a href="media.html">添加分类</a>
										<a href="media.html">查看分类</a>
									</li>
								</ul>
								<!-- /nav-second-level -->
							</li>
							<li>
								<!-- 若违规，封禁后，向商家发送通知邮件让商家修改或下架此商品 -->
								<a href="#"><i class="fa fa-bar-chart nav_icon"></i>商品管理 </a>
							</li>
							<li>
								<!-- 查看/审核/封禁商家 -->
								<a href="#"><i class="fa fa-bar-chart nav_icon"></i>商家管理 </a>
							</li>
							<li>
								<!-- 查看/封禁会员 -->
								<a href="#"><i class="fa fa-bar-chart nav_icon"></i>会员管理 </a>
							</li>
							<li>
								<a href="#"><i class="fa fa-cogs nav_icon"></i>管理员管理 <span class="fa arrow"></span></a>
								<ul class="nav nav-second-level collapse">
									<li>
										<a href="media.html">添加管理员</a>
										<a href="media.html">查看管理员</a>
									</li>
								</ul>
								<!-- /nav-second-level -->
							</li>
							<li>
								<!-- 管理员专属 -->
								<a href="#"><i class="fa fa-cogs nav_icon"></i>网站公告 <span class="fa arrow"></span></a>
								<ul class="nav nav-second-level collapse">
									<li>
										<a href="media.html">新增公告</a>
										<a href="media.html">查看公告</a>
									</li>
								</ul>
								<!-- /nav-second-level -->
							</li>

							<!-- //管理员 -->
						</ul>
						<!-- //sidebar-collapse -->
					</nav>
				</div>
			</div>
			<!--left-fixed -navigation-->
			<!-- header-starts -->
			<div class="sticky-header header-section ">
				<div class="header-left">
					<!--toggle button start-->
					<button id="showLeftPush"><i class="fa fa-bars"></i></button>
					<!--toggle button end-->
					<!--logo -->
					<div class="logo">
						<a href="index.html">
							<h1>尤洪商城</h1>
							<span>后 台 管 理</span>
						</a>
					</div>
					<!--//logo-->
					<!--search-box-->
					<div class="search-box">
						<form class="input">
							<input class="sb-search-input input__field--madoka" placeholder="查找..." type="search" id="input-31" />
							<label class="input__label" for="input-31">
							<svg class="graphic" width="100%" height="100%" viewBox="0 0 404 77" preserveAspectRatio="none">
								<path d="m0,0l404,0l0,77l-404,0l0,-77z"/>
							</svg>
						</label>
						</form>
					</div>
					<!--//end-search-box-->
					<div class="clearfix"> </div>
				</div>
				<div class="header-right">
					<div class="profile_details_left">
						<!--notifications of menu start -->
						<ul class="nofitications-dropdown">
							<li class="dropdown head-dpdn">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
									<i class="fa fa-envelope"></i>
									<span class="badge">3</span></a>
								<!-- 未读数量 -->
								<ul class="dropdown-menu">
									<li>
										<div class="notification_header">
											<h3>你有3封未读邮件...</h3>
										</div>
									</li>
									<li>
										<a href="#">
											<div class="user_img"><img src="images/1.png" alt=""></div>
											<div class="notification_desc">
												<p>管理解决下我的问题</p>
												<p><span>1 小时前</span></p>
											</div>
											<div class="clearfix"></div>
										</a>
									</li>
									<li class="odd">
										<a href="#">
											<div class="user_img"><img src="images/2.png" alt=""></div>
											<div class="notification_desc">
												<p>管理解决下我的问题</p>
												<p><span>1 小时前</span></p>
											</div>
											<div class="clearfix"></div>
										</a>
									</li>
									<li>
										<a href="#">
											<div class="user_img"><img src="images/3.png" alt=""></div>
											<div class="notification_desc">
												<p>管理解决下我的问题</p>
												<p><span>1 小时前</span></p>
											</div>
											<div class="clearfix"></div>
										</a>
									</li>
									<li>
										<div class="notification_bottom">
											<a href="#">查看更多邮件...</a>
										</div>
									</li>
								</ul>
							</li>
							<li class="dropdown head-dpdn">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
									<i class="fa fa-bell"></i>
									<span class="badge blue">3</span></a>
								<!-- 未读数量 -->
								<ul class="dropdown-menu">
									<li>
										<div class="notification_header">
											<h3>你有3个未读通知.../h3>
									</div>
								</li>
								<li><a href="#">
									<div class="user_img"><img src="images/2.png" alt=""></div>
								   <div class="notification_desc">
									<p>这个东西我们要这么做...</p>
									<p><span>1 小时前</span></p>
									</div>
								  <div class="clearfix"></div>	
								 </a></li>
								 <li class="odd"><a href="#">
									<div class="user_img"><img src="images/1.png" alt=""></div>
								   <div class="notification_desc">
									<p>这个东西我们要这么做...</p>
									<p><span>1 小时前</span></p>
									</div>
								   <div class="clearfix"></div>	
								 </a></li>
								 <li><a href="#">
									<div class="user_img"><img src="images/3.png" alt=""></div>
								   <div class="notification_desc">
									<p>这个东西我们要这么做...</p>
									<p><span>1 小时前</span></p>
									</div>
								   <div class="clearfix"></div>	
								 </a></li>
								 <li>
									<div class="notification_bottom">
										<a href="#">查看更多通知...</a>
									</div> 
								</li>
							</ul>
						</li>
						<!-- 如果登录用户是商家则显示 -->
						<li class="dropdown head-dpdn">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
							<i class="fa fa-tasks"></i>
							<span class="badge blue1">8</span></a><!-- 未读数量 -->
							<ul class="dropdown-menu">
								<li>
									<div class="notification_header">
										<h3>你有8个订单待处理...</h3>
										</div>
									</li>
									<li>
										<a href="#">
											<div class="task-info">
												<span class="task-desc">Database update</span><span class="percentage">40%</span>
												<div class="clearfix"></div>
											</div>
											<div class="progress progress-striped active">
												<div class="bar yellow" style="width:40%;"></div>
											</div>
										</a>
									</li>
								</ul>
							</li>
						</ul>
						<div class="clearfix"> </div>
					</div>
					<!--notification menu end -->
					<div class="profile_details">
						<ul>
							<li class="dropdown profile_details_drop">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
									<div class="profile_img">
										<span class="prfil-img"><img src="images/a.png" alt=""> </span>
										<div class="user-name">
											<p>小张</p>
											<span>管理员</span>
											<!-- 管理员或商家 -->
										</div>
										<i class="fa fa-angle-down lnr"></i>
										<i class="fa fa-angle-up lnr"></i>
										<div class="clearfix"></div>
									</div>
								</a>
								<ul class="dropdown-menu drp-mnu">
									<!--<li> <a href="#"><i class="fa fa-cog"></i> 设置</a> </li>-->
									<!-- 设置 -->
									<li>
										<a href="#"><i class="fa fa-user"></i> 个人信息</a>
									</li>
									<li>
										<a href="#"><i class="fa fa-sign-out"></i> 登出</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<!-- //header-ends -->
			<!-- main content start-->
			<div id="page-wrapper">
				<div class="main-page" th:fragment="classificationBody">
					<div class="grid_3 grid_5 widget-shadow">
						<h3 class="hdg" style="display: inline-block;" >类型管理：</h3>
						<div class="col-md-4 modal-grids" style="float: right;display: inline-block;">
							<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">添加类型</button>
							<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
								<div class="modal-dialog" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
											<h4 class="modal-title" id="exampleModalLabel">添加类型</h4>
										</div>
										<div class="modal-body">
											<div class="form-group" id="bigType-list">
												<label for="recipient-name" class="control-label">大类型:</label>
												<div class="col-sm-8" id="bigType-list1" style="float: none;">
													<span class="bigType-num">1</span>.
													<input type="text" class="form-control addBigTypeName" style="width: 20%; display: inline-block;" name="name" placeholder="大类型" value="" required>&nbsp;&nbsp;
													<!-- <a class="bigType-list-reduce1" href="javascript:void(0)" onclick="reduceBigTypeList(1)" style="background-image: url(images/reduce.svg)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
													<a class="bigType-list-plus1" href="javascript:void(0)" onclick="addBigTypeList()" style="background-image: url(images/plus.svg);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> -->
												</div>
											</div>
											<a class="label label-info" href="javascript:void(0)" onclick="addBigType()" style="font-size: inherit;margin-left: 17%;">保存</a><br/>
											<div class="form-group" id="smallType-list">
												<label for="message-text" class="control-label">小类型:</label><br/>
												<select class="input-sm" name="addSmallTypeBigTypeId" id="addSmallTypeBigTypeId" th:fragment="addSmallTypeBigTypeId" style="margin-left: 3%;">
													<option th:each="bigType:${bigTypeList}" th:value="${bigType.id}" th:text="${bigType.name}">女装</option>
												</select>
												<div class="col-sm-8" id="smallType-list1" style="float: none;"><br/>
													<span class="smallType-num">1</span>.
													<input type="text" class="form-control addSmallType" style="width: 20%; display: inline-block;" name="name" placeholder="小类型" value="" required>&nbsp;&nbsp;
													<!-- <a class="smallType-list-reduce1" href="javascript:void(0)" onclick="reduceSmallTypeList(1)" style="background-image: url(images/reduce.svg)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
													<a class="smallType-list-plus1" href="javascript:void(0)" onclick="addSmallTypeList()" style="background-image: url(images/plus.svg);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a> -->
												</div>
											</div>
											<a class="label label-info" href="javascript:void(0)" onclick="addSmallType()" style="font-size: inherit;margin-left: 33%;">保存</a>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clearfix"> </div>
						<div class="col-md-6 ">
							<p>大类型：</p>
							<table class="table table-hover bigTypeShowTable" id="type-table" th:fragment="bigTypeShowTable">
								<thead class="type-thead">
									<tr>
										<th>编号</th>
										<th>类型名称</th>
										<th>状态</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody class="scrollbar scrollbar1 type-tbody" style="padding-top: 0;">
									<tr th:each="bigType,bigTypeStat:${bigTypeList}" th:onclick="'choseBigType('+${bigType.id}+')'">
										<td th:text="${bigTypeStat.count}">1</td>
										<td th:text="${bigType.name}">玩具</td>
										<td>
											<a th:if="${bigType.state == 2}" class="label label-success">已启用</a>
											<a th:if="${bigType.state == 1}" class="label label-warning">已禁用</a>
										</td>
										<td>
											<a href="javascript:void(0)" th:if="${bigType.state == 2}" th:onclick="'changeBigTypeState('+${bigType.id}+','+${bigType.state}+')'" class="label label-warning">禁用</a>
											<a href="javascript:void(0)" th:if="${bigType.state == 1}" th:onclick="'changeBigTypeState('+${bigType.id}+','+${bigType.state}+')'" class="label label-success">启用</a>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="col-md-6">
							<p>小类型：</p>
							<table class="table table-hover smallTypeShowTable" id="type-table" th:fragment="smallTypeShowTable">
								<thead class="type-thead">
									<tr>
										<th>编号</th>
										<th>类型名称</th>
										<th>状态</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody class="scrollbar scrollbar1 type-tbody" id="smallTypeTbody" style="padding-top: 0;">
									<tr th:if="${smallTypeList.size() gt 0}" th:each="smallType,smallTypeStat:${smallTypeList}">
										<td th:text="${smallTypeStat.count}">1</td>
										<td th:text=${smallType.name}>玩具</td>
										<td>
											<a th:if="${smallType.state == 2}" class="label label-success">已启用</a>
											<a th:if="${smallType.state == 1}" class="label label-warning">已禁用</a>
										</td>
										<td>
											<a href="javascript:void(0)" th:if="${smallType.state == 2}" th:onclick="'changeSmallTypeState('+${smallType.id}+','+${smallType.state}+','+${smallType.parent}+')'" class="label label-warning">禁用</a>
											<a href="javascript:void(0)" th:if="${smallType.state == 1}" th:onclick="'changeSmallTypeState('+${smallType.id}+','+${smallType.state}+','+${smallType.parent}+')'" class="label label-success">启用</a>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="clearfix"> </div>
						<script type="text/javascript">
							// 选择大类型，显示小类型
							function choseBigType(bigType) {
								$('.smallTypeShowTable').load('toShowSmallTypeTable.do',{parent:bigType},function(){
									removeScrollBar();
								});
							}
							
							// 修改大类型状态
							function changeBigTypeState(bigType,state) {
								$('.bigTypeShowTable').load('changeBigTypeState.do',{id:bigType,state:state},function(){
									removeScrollBar();
									choseBigType(bigType);
								});
							}
							
							function changeSmallTypeState(smallType,state,parent) {
								$('.smallTypeShowTable').load('changeSmallTypeState.do',{id:smallType,state:state,parent:parent},function(){
									removeScrollBar();
								});
							}
							
							// 添加大类型
							function addBigType(){
								var bigTypeList = new Array();
								$('.addBigTypeName').each(function(i){
									bigTypeList[i]=$(this).val();
									if($(this).val() == null || $(this).val() == ''){
										$('#tipContent').html('请填写完整');
						            	$("#asdf").trigger('click');
						            	return;
									}
								});
								$.ajax({  
								    type : 'POST',  
								    url:  'addBigTypeList.do',  
								    contentType : "application/json" ,
								    dataType : 'json',
								    data : JSON.stringify(bigTypeList),
								    success : function(data) { 
								    	$('#tipContent').html(data.message);
						            	$("#asdf").trigger('click');
								    	if(data.sucess == 1){
								    		$('#addSmallTypeBigTypeId').load('loadBigType.do',function(){});
								    		$('.bigTypeShowTable').load('reloadBigType.do',function(){
												removeScrollBar();
											});
								    	}
								    } 
								}); 
							}
							
							function addSmallType(){
								var parent = $('#addSmallTypeBigTypeId').val();
								var smallTypeNameList = new Array();
								$('.addSmallType').each(function(i){
									smallTypeNameList[i]=$(this).val();
									if($(this).val() == null || $(this).val() == ''){
										$('#tipContent').html('请填写完整');
						            	$("#asdf").trigger('click');
						            	return;
									}
								});
								var smallTypeList =[smallTypeNameList,[parent]];
								$.ajax({  
								    type : 'POST',  
								    url:  'addSmallTypeList.do',  
								    contentType : "application/json" ,
								    dataType : 'json',
								    data : JSON.stringify(smallTypeList),
								    success : function(data) { 
								    	$('#tipContent').html(data.message);
						            	$("#asdf").trigger('click');
								    } 
								}); 
							}
						</script>
					</div>
				</div>
			</div>
			<!--footer-->
			<!--<div class="footer">
		   <p>Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		</div>-->
			<!--//footer-->
		</div>
		<!-- Classie -->
		<script src="js/classie.js"></script>
		<script type="text/javascript">
			var bigTypeNum = 1;
			var smallTypeNum = 1;
			
			function addBigTypeList(){
				$('#bigType-list'+bigTypeNum+' .bigType-list-plus'+bigTypeNum).hide();
				$('#bigType-list'+bigTypeNum+' .bigType-list-reduce'+bigTypeNum).css('display','none');
				bigTypeNum = bigTypeNum + 1;
				var bigTypeContent = '<div class="col-sm-8" id="bigType-list'+bigTypeNum+'" style="float: none;margin-top:5px;">'
							+'<span class="bigType-num">'+bigTypeNum+'</span>.&nbsp;'
							+'<input type="text" class="form-control" style="width: 20%; display: inline-block;" name="name" placeholder="大类型" value="" required>&nbsp;&nbsp;'
							+'<a class="bigType-list-reduce'+bigTypeNum+'" href="javascript:void(0)" onclick="reduceBigTypeList('+bigTypeNum+')" style="background-image: url(images/reduce.svg)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
							+'<a class="bigType-list-plus'+bigTypeNum+'" href="javascript:void(0)" onclick="addBigTypeList()" style="background-image: url(images/plus.svg);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
							+'</div>';
				$('#bigType-list').append(bigTypeContent);
			}
			
			function reduceBigTypeList(num){
				if(num == 1){
					var bigTypeContent = $('#bigType-list'+num+' input').val();
					
					if(bigTypeContent != null || bigTypeContent != ''){
						$('#bigType-list'+num+' input').val('');
						return;
					}else{
						return;
					}
				}
				$('#bigType-list'+num).remove();
				bigTypeNum --;
				$('#bigType-list'+bigTypeNum+' .bigType-list-plus'+bigTypeNum).css('display','inline');
				$('#bigType-list'+bigTypeNum+' .bigType-list-reduce'+bigTypeNum).css('display','inline');
			}
			
			function addSmallTypeList(){
				$('#smallType-list'+smallTypeNum+' .smallType-list-plus'+smallTypeNum).hide();
				$('#smallType-list'+smallTypeNum+' .smallType-list-reduce'+smallTypeNum).css('display','none');
				smallTypeNum = smallTypeNum + 1;
				var smallTypeContent = '<div class="col-sm-8" id="smallType-list'+smallTypeNum+'" style="float: none;margin-top:1%">'
									+'<span class="smallType-num">'+smallTypeNum+'</span>.&nbsp;'
									+'<select class="input-sm" name="">'
									+'<option value="1">女装</option>'
									+'<option value="1">男装</option>'
									+'<option value="1">内衣</option>'
									+'<option value="1">鞋靴</option>'
									+'<option value="1">童装玩具</option>'
									+'<option value="1">孕产用品</option>'
									+'<option value="1">家电</option>'
									+'<option value="1">美妆</option>'
									+'<option value="1">洗护</option>'
									+'<option value="1">保健品</option>'
									+'<option value="1">珠宝</option>'
									+'<option value="1">眼镜</option>'
									+'<option value="1">手表</option>'
									+'<option value="1">运动</option>'
									+'<option value="1">户外</option>'
									+'<option value="1">乐器</option>'
									+'<option value="1">游戏</option>'
									+'<option value="1">动漫</option>'
									+'<option value="1">影视</option>'
									+'<option value="1">美食</option>'
									+'<option value="1">生鲜</option>'
									+'<option value="1">零食</option>'
									+'<option value="1">鲜花</option>'
									+'<option value="1">宠物</option>'
									+'<option value="1">农资</option>'
									+'<option value="1">面料集采</option>'
									+'<option value="1">装修</option>'
									+'<option value="1">建材</option>'
									+'<option value="1">家具</option>'
									+'<option value="1">家饰</option>'
									+'<option value="1">家纺</option>'
									+'<option value="1">汽车</option>'
									+'<option value="1">二手车</option>'
									+'<option value="1">用品</option>'
									+'<option value="1">办公</option>'
									+'<option value="1">DIY</option>'
									+'<option value="1">五金电子</option>'
									+'<option value="1">百货</option>'
									+'<option value="1">餐厨</option>'
									+'<option value="1">家庭保健</option>'
									+'<option value="1">学习</option>'
									+'<option value="1">卡券</option>'
									+'<option value="1">本地服务</option>'
									+'<option value="1">箱包</option>'
									+'<option value="1">配件配饰</option></select>&nbsp;'
									+'<input type="text" class="form-control" style="width: 20%; display: inline-block;" name="name" placeholder="大类型" value="" required>&nbsp;&nbsp;'
									+'<a class="smallType-list-reduce'+smallTypeNum+'" href="javascript:void(0)" onclick="reduceSmallTypeList('+smallTypeNum+')" style="background-image: url(images/reduce.svg)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>'
									+'<a class="smallType-list-plus'+smallTypeNum+'" href="javascript:void(0)" onclick="addSmallTypeList()" style="background-image: url(images/plus.svg);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></div>';
				$('#smallType-list').append(smallTypeContent);
			}
			
			function reduceSmallTypeList(num){
				if(num == 1){
					var smallTypeContent = $('#bigType-list'+num+' input').val();
					
					if(smallTypeContent != null || smallTypeContent != ''){
						$('#smallType-list'+num+' input').val('');
						return;
					}else{
						return;
					}
				}
				$('#smallType-list'+num).remove();
				smallTypeNum --;
				$('#smallType-list'+smallTypeNum+' .smallType-list-plus'+smallTypeNum).css('display','inline');
				$('#smallType-list'+smallTypeNum+' .smallType-list-reduce'+smallTypeNum).css('display','inline');
			}
		</script>
		<script>
			var menuLeft = document.getElementById('cbp-spmenu-s1'),
				showLeftPush = document.getElementById('showLeftPush'),
				body = document.body;

			showLeftPush.onclick = function() {
				classie.toggle(this, 'active');
				classie.toggle(body, 'cbp-spmenu-push-toright');
				classie.toggle(menuLeft, 'cbp-spmenu-open');
				disableOther('showLeftPush');
			};

			function disableOther(button) {
				if(button !== 'showLeftPush') {
					classie.toggle(showLeftPush, 'disabled');
				}
			}
		</script>
		<!--scrolling js-->
		<script src="js/jquery.nicescroll.js"></script>
		<script src="js/scripts.js"></script>
		<!--//scrolling js-->
		<!-- Bootstrap Core JavaScript -->
		<script src="js/bootstrap.js">
		</script>
	</body>

</html>